import { StyleSheet } from 'react-native';

export default StyleSheet.create({
  charset: 'utf-8',
  '#person-img': {
    'borderTopLeftRadius': '2px',
    'borderTopRightRadius': '0',
    'borderBottomRightRadius': '0',
    'borderBottomLeftRadius': '2px',
    'display': 'block',
    'float': 'left',
    'height': [{ 'unit': 'px', 'value': 90 }],
    'width': [{ 'unit': 'px', 'value': 90 }],
    'textAlign': 'center',
    'fontSize': [{ 'unit': 'px', 'value': 45 }],
    'lineHeight': [{ 'unit': 'px', 'value': 90 }],
    'background': 'rgba(0, 0, 0, 0.2)',
    'marginTop': [{ 'unit': 'px', 'value': 15 }],
    'borderRadius': '50%'
  },
  '#person-info': {
    'height': [{ 'unit': 'px', 'value': 100 }]
  },
  'container': {
    'width': [{ 'unit': 'px', 'value': 400 }],
    'margin': [{ 'unit': 'px', 'value': 40 }, { 'unit': 'string', 'value': 'auto' }, { 'unit': 'px', 'value': 0 }, { 'unit': 'string', 'value': 'auto' }],
    'position': 'relative',
    'fontFamily': '微软雅黑',
    'fontSize': [{ 'unit': 'px', 'value': 12 }]
  },
  'container p': {
    'lineHeight': [{ 'unit': 'px', 'value': 12 }],
    'lineHeight': [{ 'unit': 'px', 'value': 0 }],
    'height': [{ 'unit': 'px', 'value': 0 }],
    'margin': [{ 'unit': 'px', 'value': 10 }, { 'unit': 'px', 'value': 10 }, { 'unit': 'px', 'value': 10 }, { 'unit': 'px', 'value': 10 }],
    'color': '#bbb'
  },
  'action': {
    'width': [{ 'unit': 'px', 'value': 400 }],
    'height': [{ 'unit': 'px', 'value': 30 }],
    'margin': [{ 'unit': 'px', 'value': 10 }, { 'unit': 'px', 'value': 0 }, { 'unit': 'px', 'value': 10 }, { 'unit': 'px', 'value': 0 }]
  },
  'cropped': {
    'position': 'absolute',
    'right': [{ 'unit': 'px', 'value': -230 }],
    'top': [{ 'unit': 'px', 'value': 0 }],
    'width': [{ 'unit': 'px', 'value': 200 }],
    'border': [{ 'unit': 'px', 'value': 1 }, { 'unit': 'string', 'value': '#ddd' }, { 'unit': 'string', 'value': 'solid' }],
    'height': [{ 'unit': 'px', 'value': 460 }],
    'padding': [{ 'unit': 'px', 'value': 4 }, { 'unit': 'px', 'value': 4 }, { 'unit': 'px', 'value': 4 }, { 'unit': 'px', 'value': 4 }],
    'boxShadow': [{ 'unit': 'px', 'value': 0 }, { 'unit': 'px', 'value': 0 }, { 'unit': 'px', 'value': 12 }, { 'unit': 'string', 'value': '#ddd' }],
    'textAlign': 'center'
  },
  'imageBox': {
    'position': 'relative',
    'height': [{ 'unit': 'px', 'value': 400 }],
    'width': [{ 'unit': 'px', 'value': 400 }],
    'border': [{ 'unit': 'px', 'value': 1 }, { 'unit': 'string', 'value': 'solid' }, { 'unit': 'string', 'value': '#aaa' }],
    'background': '#fff',
    'overflow': 'hidden',
    'backgroundRepeat': 'no-repeat',
    'cursor': 'move',
    'boxShadow': [{ 'unit': 'px', 'value': 4 }, { 'unit': 'px', 'value': 4 }, { 'unit': 'px', 'value': 12 }, { 'unit': 'string', 'value': '#B0B0B0' }]
  },
  'imageBox thumbBox': {
    'position': 'absolute',
    'top': [{ 'unit': '%V', 'value': 0.5 }],
    'left': [{ 'unit': '%H', 'value': 0.5 }],
    'width': [{ 'unit': 'px', 'value': 200 }],
    'height': [{ 'unit': 'px', 'value': 200 }],
    'marginTop': [{ 'unit': 'px', 'value': -100 }],
    'marginLeft': [{ 'unit': 'px', 'value': -100 }],
    'boxSizing': 'border-box',
    'border': [{ 'unit': 'px', 'value': 1 }, { 'unit': 'string', 'value': 'solid' }, { 'unit': 'string', 'value': 'rgb(102, 102, 102)' }],
    'boxShadow': [{ 'unit': 'px', 'value': 0 }, { 'unit': 'px', 'value': 0 }, { 'unit': 'px', 'value': 0 }, { 'unit': 'px', 'value': 1000 }, { 'unit': 'string', 'value': 'rgba(0, 0, 0, 0.5)' }],
    'background': 'none repeat scroll 0% 0% transparent'
  },
  'imageBox spinner': {
    'position': 'absolute',
    'top': [{ 'unit': 'px', 'value': 0 }],
    'left': [{ 'unit': 'px', 'value': 0 }],
    'bottom': [{ 'unit': 'px', 'value': 0 }],
    'right': [{ 'unit': 'px', 'value': 0 }],
    'textAlign': 'center',
    'lineHeight': [{ 'unit': 'px', 'value': 400 }],
    'background': 'rgba(0, 0, 0, 0.7)'
  },
  'Btnsty_peyton': {
    'float': 'right',
    'width': [{ 'unit': 'px', 'value': 66 }],
    'display': 'inline-block',
    'marginBottom': [{ 'unit': 'px', 'value': 10 }],
    'height': [{ 'unit': 'px', 'value': 57 }],
    'lineHeight': [{ 'unit': 'px', 'value': 57 }],
    'fontSize': [{ 'unit': 'px', 'value': 20 }],
    'color': '#FFFFFF',
    'margin': [{ 'unit': 'px', 'value': 0 }, { 'unit': 'px', 'value': 2 }, { 'unit': 'px', 'value': 0 }, { 'unit': 'px', 'value': 2 }],
    'backgroundColor': '#f38e81',
    'borderRadius': '3px',
    'textDecoration': 'none',
    'cursor': 'pointer',
    'boxShadow': [{ 'unit': 'px', 'value': 0 }, { 'unit': 'px', 'value': 0 }, { 'unit': 'px', 'value': 5 }, { 'unit': 'string', 'value': '#B0B0B0' }],
    'border': [{ 'unit': 'px', 'value': 0 }, { 'unit': 'string', 'value': '#fff' }, { 'unit': 'string', 'value': 'solid' }]
  },
  // 选择文件上传
  'new-contentarea': {
    'width': [{ 'unit': 'px', 'value': 165 }],
    'overflow': 'hidden',
    'margin': [{ 'unit': 'px', 'value': 0 }, { 'unit': 'string', 'value': 'auto' }, { 'unit': 'px', 'value': 0 }, { 'unit': 'string', 'value': 'auto' }],
    'position': 'relative',
    'float': 'left'
  },
  'new-contentarea label': {
    'width': [{ 'unit': '%H', 'value': 1 }],
    'height': [{ 'unit': '%V', 'value': 1 }],
    'display': 'block'
  },
  'new-contentarea input[type=file]': {
    'width': [{ 'unit': 'px', 'value': 188 }],
    'height': [{ 'unit': 'px', 'value': 60 }],
    'background': '#333',
    'margin': [{ 'unit': 'px', 'value': 0 }, { 'unit': 'string', 'value': 'auto' }, { 'unit': 'px', 'value': 0 }, { 'unit': 'string', 'value': 'auto' }],
    'position': 'absolute',
    'right': [{ 'unit': '%H', 'value': 0.5 }],
    'marginRight': [{ 'unit': 'px', 'value': -94 }],
    'top': [{ 'unit': 'px', 'value': 0 }],
    'right': [{ 'unit': 'px', 'value': 0 }],
    'marginRight': [{ 'unit': 'px', 'value': 0 }],
    'width': [{ 'unit': 'px', 'value': 10 }],
    'opacity': '0',
    'filter': 'alpha(opacity=0)',
    'zIndex': '2'
  },
  'aupload-img': {
    'width': [{ 'unit': 'px', 'value': 165 }],
    'display': 'inline-block',
    'marginBottom': [{ 'unit': 'px', 'value': 10 }],
    'height': [{ 'unit': 'px', 'value': 57 }],
    'lineHeight': [{ 'unit': 'px', 'value': 57 }],
    'fontSize': [{ 'unit': 'px', 'value': 20 }],
    'color': '#FFFFFF',
    'backgroundColor': '#f38e81',
    'borderRadius': '3px',
    'textDecoration': 'none',
    'cursor': 'pointer',
    'border': [{ 'unit': 'px', 'value': 0 }, { 'unit': 'string', 'value': '#fff' }, { 'unit': 'string', 'value': 'solid' }],
    'boxShadow': [{ 'unit': 'px', 'value': 0 }, { 'unit': 'px', 'value': 0 }, { 'unit': 'px', 'value': 5 }, { 'unit': 'string', 'value': '#B0B0B0' }]
  },
  'aupload-img:hover': {
    'backgroundColor': '#ec7e70'
  },
  'tc': {
    'textAlign': 'center'
  },
  '#questionnaire-content': {
    'display': 'inline-block',
    'position': 'absolute',
    'width': [{ 'unit': '%H', 'value': 0.76 }],
    'height': [{ 'unit': '%V', 'value': 0.8 }],
    'overflowY': 'scroll'
  }
});
